<div class="box box-default">
  <div class="box-body">

    <form class="form-inline">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
          <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-ztms-flowInfo')" type="button" class="btn btn-primary" (click)="showFlowInfo()">
            <i class="fa fa-search"></i>查看流程信息
          </button>
          <button type="button" class="btn btn-primary" (click)="showRouteSearch()">
            <i class="fa fa-search"></i>搜索
          </button>
          <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-ztms-save')" type="button" class="btn btn-primary" (click)="save()">
            <i class="fa fa-save"></i>保存</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-ztms-commit')" type="button" class="btn btn-primary" (click)="commit()">
            <i class="fa fa-edit"></i>提交</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-ztms-recall')" type="button" class="btn btn-primary" (click)="recall()">
            <i class="fa fa-undo"></i>撤销</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-ztms-del')" type="button" class="btn btn-primary" (click)="del()">
            <i class="iconfont icon-iconzhenghe62"></i>删除</button>
          <!-- <button type="button" class="btn btn-primary">
                  <i class="fa fa-sign-out"></i>导出</button> -->
          <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
        </div>
        <div class="box-body">
          <div class="form-group col-lg-12" style="padding-left:0px !important;margin-bottom:8px;">
            <label class="control-label">条款出处：</label>
            <select class="form-control" style="min-width:182px" [(ngModel)]="dataInfo.sFileSource" name="sFileSource" (ngModelChange)="changeCheckedInfo('sFileSource')">
              <option [value]="''" selected="selected">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.NX_SOURCE">{{item.sItemValue}}</option>
            </select>
            <label class="control-label">适用基金类别：</label>
            <select [(ngModel)]="dataInfo.sFundType" name="sFundType" id="NQDIIRouteSelect" (ngModelChange)="changeCheckedInfo('sFundType')"
              multiple></select>
            <label class="control-label">属性：</label>
            <select class="form-control" [(ngModel)]="dataInfo.sItemType" name="sItemType" (ngModelChange)="changeCheckedInfo('sItemType')">
              <option [value]="''" selected="selected">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_RECORD_TYPE">{{item.sItemValue}}</option>
            </select>

          </div>
          <div class="form-group col-lg-12" style="padding-left:0px !important;">
            <label class="control-label">文件名称：</label>
            <input class="form-control" placeholder="文件名称" maxlength="100" [(ngModel)]="dataInfo.sFileName" name="sFileName">
            <button type="button" class="btn btn-primary" (click)="changeCheckedInfo('sFileName')">确定</button>
            <label class="control-label" style="padding-left:12px">适用基金组：</label>
            <div class="input-group" (click)="showApplyFundGroup()">
              <input class="form-control" disabled placeholder="适用基金组" [(ngModel)]="dataInfo.sFundGroupdsZh" name="sFundGroupdsZh" (ngModelChange)="changeCheckedInfo('sFundGroupdsZh')">
              <div class="input-group-addon" (click)="showApplyFundGroup()">
                <i class="fa fa-search"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>

    <div class="ibt-fixed-table-container">
      <!-- <div class="table-scroll-content"> -->
      <table id="route-table" class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
        <thead>
          <tr role="row">
            <th style="width:50px !important">
              <div class="cell">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                  <label>
                  </label>
                </div>
              </div>
            </th>
            <th style="width:60px !important">
              <div class="cell-padding">编号</div>
            </th>
            <th style="width:60px !important">
              <div class="cell-padding">批次号</div>
            </th>
            <th class="width-120">
              <div class="cell-padding">当前流程</div>
            </th>
            <th class="width-120">
              <div class="cell-padding">处理状态</div>
            </th>
            <th class="width-120">
              <div class="cell-padding">条目顺序</div>
            </th>
            <th class="width-120">
              <div class="cell-padding">是否有效</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkBlue">文件名称</div>
            </th>

            <th class="width-120">
              <div class="cell-padding risk-MarkBlue">属性</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkBlue">条款出处</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkBlue">适用基金类别</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkBlue">适用基金组</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkBlue">内容</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkBlue">指标释义</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkBlue">条目规定阀值</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkGreen">事中控制方法</div>
            </th>
            <th style="width:125px !important">
              <div class="cell-padding risk-MarkGreen">事中系统控制阀值</div>
            </th>
            <th style="width:125px !important">
              <div class="cell-padding risk-MarkGreen">是否事中系统可控</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkGreen">系统风控编号</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkGreen">事中系统备注</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkRed">事后监控方法</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkRed">监控编号</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkRed">控制说明</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkRed">补偿控制</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkRed">风险等级</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkRed">监察部备注1</div>
            </th>
            <th class="width-180">
              <div class="cell-padding risk-MarkRed">监察部备注2</div>
            </th>
            <th style="width:190px !important">
              <div class="cell-padding risk-MarkYellow">场外系统阀值(新股,定增,转债)</div>
            </th>
            <th style="width:130px !important">
              <div class="cell-padding risk-MarkYellow">场外系统阀值(公增)</div>
            </th>
            <th style="width:125px !important">
              <div class="cell-padding risk-MarkYellow">是否场外系统可控</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkYellow">场外风控编号</div>
            </th>
            <th class="width-120">
              <div class="cell-padding risk-MarkYellow">场外系统备注</div>
            </th>
            <!-- <th>
                <div class="cell-padding">录入人</div>
              </th>
              <th>
                <div class="cell-padding">录入时间</div>
              </th>
              <th>
                <div class="cell-padding">条目复核</div>
              </th>
              <th>
                <div class="cell-padding">复核时间</div>
              </th> -->


          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of listData;let index = index;">
            <!-- <tr  > -->
            <td style="width:50px !important">
              <div class="cell" id="check{{index}}" *ngIf="item.sFlowStep != null">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                  <label>
                  </label>
                </div>
              </div>
            </td>
            <td style="width:60px !important" [attr.title]="item.nNjId">
              <div class="short_name">
                {{item.nNjId}}
              </div>
            </td>
            <td style="width:60px !important" [attr.title]="item.nBatchNo">
              <div class="short_name">
                {{item.nBatchNo}}
              </div>
            </td>
            <td class="width-120" [attr.title]="item.sFlowStepZh">
              <div class="short_name">
                {{item.sFlowStepZh}}
              </div>
            </td>
            <td class="width-120" [attr.title]="item.sOprStateZh">
              <div class="short_name">
                {{item.sOprStateZh}}
              </div>
            </td>
            <td class="width-120" [attr.title]="item.nSortNo">
              <div class="short_name">
                {{item.nSortNo}}
              </div>
            </td>
            <td class="width-120" [attr.title]="item.sValidZh">
              <div class="short_name font-color" id="sValidZh">
                {{item.sValidZh}}
              </div>
            </td>
            <td class="width-120 font-color" id="sFileName" [attr.title]="item.sFileName" (click)="changeEleStatus(index,'sFileName','1')">
              <div class="cell">
                <div id="sFileName"></div>
                <div *ngIf="elementShow[index].sFileName == ''" class="width-120">{{item.sFileName}}</div>
                <input *ngIf="elementShow[index].sFileName != ''" (blur)="changeEleStatus(index,'sFileName','2')" class="input-width"
                  name="sFileName" maxlength="100" [(ngModel)]="item.sFileName" (ngModelChange)="inputChange(index,item.sFileName,'sFileName')"
                  [disabled]="item.sFlowStep != '1'">
              </div>
            </td>
            <td class="width-120 font-color" id="sItemType" [attr.title]="item.sItemTypeZh" (click)="changeEleStatus(index,'sItemType','1')">
              <div class="cell">
                <div id="sItemType"></div>
                <div *ngIf="elementShow[index].sItemType == ''">{{item.sItemTypeZh}}</div>
                <select *ngIf="elementShow[index].sItemType != ''" (blur)="changeEleStatus(index,'sItemType','2')" class="select-margin input-width"
                  name="sItemType" [(ngModel)]="item.sItemType" [disabled]="item.sFlowStep != '1'" (ngModelChange)="inputChange(index,item.sItemType,'sItemType','RISK_RECORD_TYPE')">
                  <option [value]="''" selected="selected">--请选择--</option>
                  <option [value]="it.sItemKey" *ngFor="let it of dictionaryList.RISK_RECORD_TYPE">{{it.sItemValue}}</option>
                </select>
              </div>
            </td>
            <td class="width-120 font-color" id="sFileSource" [attr.title]="item.sFileSourceZh" (click)="changeEleStatus(index,'sFileSource','1')">
              <div class="cell">
                <div id="sFileSource"></div>
                <div *ngIf="elementShow[index].sFileSource == ''">{{item.sFileSourceZh}}</div>
                <select *ngIf="elementShow[index].sFileSource != ''" (blur)="changeEleStatus(index,'sFileSource','2')" class="select-margin input-width"
                  name="sFileSource" [(ngModel)]="item.sFileSource" [disabled]="item.sFlowStep != '1'" (ngModelChange)="inputChange(index,item.sFileSource,'sFileSource','NX_SOURCE')">
                  <option [value]="''" selected="selected">--请选择--</option>
                  <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.NX_SOURCE">{{item.sItemValue}}</option>
                </select>
              </div>
            </td>
            <td class="font-color" style="width:180px !important;" id="sFundType" [attr.title]="item.sFundTypeZh" (dblclick)="changeEleStatus(index,'sFundType','1')">
              <div class="cell">
                <div id="sFundType"></div>
                <div class="width-180" *ngIf="elementShow[index].sFundType == ''">{{item.sFundTypeZh}}</div>
                <!-- <select style="width:100px !important;" *ngIf="elementShow[index].sFundType != ''" class="select-margin input-width"
                  (blur)="changeEleStatus(index,'sFundType','2')" name="sFundType" [(ngModel)]="item.sFundType"
                  (ngModelChange)="inputChange(index,item.sFundType,'sFundType')" name="sFundType" id="nQDIIRouteFundType{{index}}"
                  multiple [disabled]="item.sFlowStep != '1'"></select> -->
                  <p-multiSelect (blur)="changeEleStatus(index,'sFundType','2')" [options]="dictionaryInfo" *ngIf="elementShow[index].sFundType != ''" [(ngModel)]="item.sFundType" [maxSelectedLabels]="9999"
                  defaultLabel="请选择" [ngModelOptions]="{standalone: true}"></p-multiSelect>
              </div>
            </td>
            <td class="font-color" style="width:180px !important;" [attr.title]="item.sFundGroupdsZh" (click)="changeEleStatus(index,'sFundGroupdsZh','1')">
              <div *ngIf="elementShow[index].sFundGroupdsZh == ''">{{item.sFundGroupdsZh}}</div>
              <div class="input-group right_tooltip cell">
                <input class="input-width" *ngIf="elementShow[index].sFundGroupdsZh != ''" (blur)="changeEleStatus(index,'sFundGroupdsZh','2')"
                  name="sFundGroupdsZh" [(ngModel)]="item.sFundGroupdsZh" disabled (ngModelChange)="inputChange(index,item.sFundGroupdsZh,'sFundGroupdsZh')">
                <div *ngIf="item.sFlowStep == '1'" class="input-group-addon" (click)="showApplyFundGroup(index)">
                  <i class="fa fa-search"></i>
                </div>
              </div>
            </td>
            <td class="width-120 font-color" id="f1" [attr.title]="item.f1" (click)="changeEleStatus(index,'f1','1')">
                <div class="cell">
                  <div id="f1"></div>
                  <div *ngIf="elementShow[index].f1 == ''" class="width-120">{{item.f1}}</div>
                  <input *ngIf="elementShow[index].f1 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f1','2')" class="input-width" maxlength="2000"
                    [(ngModel)]="item.f1" name="f1" (ngModelChange)="inputChange(index,item.f1,'f1')">
                </div>
              </td>
              <td class="width-120 font-color" id="f2" [attr.title]="item.f2" (click)="changeEleStatus(index,'f2','1')">
                <div class="cell">
                  <div id="f2"></div>
                  <div *ngIf="elementShow[index].f2 == ''" class="width-120">{{item.f2}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f2 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f2','2')"
                    [(ngModel)]="item.f2" name="f2" (ngModelChange)="inputChange(index,item.f2,'f2')">
                </div>
              </td>
              <td class="width-180 font-color" id="f3" [attr.title]="item.f3" (click)="changeEleStatus(index,'f3','1')">
                <div class="cell">
                  <div id="f3"></div>
                  <div *ngIf="elementShow[index].f3 == ''" class="width-180">{{item.f3}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f3 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f3','2')"
                    [(ngModel)]="item.f3" name="f3" (ngModelChange)="inputChange(index,item.f3,'f3')">
                </div>
              </td>
              <td class="width-180 font-color" id="f4" [attr.title]="item.f4Zh" (click)="changeEleStatus(index,'f4','1')">
                <div class="cell">
                  <div id="f4"></div>
                  <div *ngIf="elementShow[index].f4 == ''">{{item.f4Zh}}</div>
                  <select class="input-width select-margin" *ngIf="elementShow[index].f4 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f4','2')" [(ngModel)]="item.f4"
                    name="f4" (ngModelChange)="inputChange(index,item.f4,'f4','RISK_CTRL_METHOD')">
                    <!-- <option [value]="''" selected="selected">--请选择--</option> -->
                    <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_CTRL_METHOD">{{item.sItemValue}}</option>
                  </select>
                </div>
              </td>
              <td style="width:125px !important" class="font-color" id="f5" [attr.title]="item.f5" (click)="changeEleStatus(index,'f5','1')">
                <div class="cell">
                  <div id="f5"></div>
                  <div *ngIf="elementShow[index].f5 == ''" class="width-120">{{item.f5}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f5 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f5','2')"
                    [(ngModel)]="item.f5" name="f5" (ngModelChange)="inputChange(index,item.f5,'f5')">
                </div>
              </td>
              <td style="width:125px !important" class=" font-color" id="f6" [attr.title]="item.f6Zh" (click)="changeEleStatus(index,'f6','1')">
                <div class="cell">
                  <div id="f6"></div>
                  <div *ngIf="elementShow[index].f6 == ''" class="width-120">{{item.f6Zh}}</div>
                  <select class="input-width select-margin" *ngIf="elementShow[index].f6 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f6','2')" [(ngModel)]="item.f6"
                    name="f6" (ngModelChange)="inputChange(index,item.f6,'f6','RISK_HS_CONTROL')">
                    <!-- <option [value]="''" selected="selected">--请选择--</option> -->
                    <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_HS_CONTROL">{{item.sItemValue}}</option>
                  </select>
                </div>
              </td>
              <td class="width-180 font-color" id="f7" [attr.title]="item.f7" (click)="changeEleStatus(index,'f7','1')">
                <div class="cell">
                  <div id="f7"></div>
                  <div *ngIf="elementShow[index].f7 == ''" class="width-180">{{item.f7}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f7 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f7','2')"
                    [(ngModel)]="item.f7" name="f7" (ngModelChange)="inputChange(index,item.f7,'f7')">
                </div>
              </td>
              <td class="width-180 font-color" id="f8" [attr.title]="item.f8" (click)="changeEleStatus(index,'f8','1')">
                <div class="cell">
                  <div id="f8"></div>
                  <div *ngIf="elementShow[index].f8 == ''" class="width-180">{{item.f8}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f8 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f8','2')"
                    [(ngModel)]="item.f8" name="f8" (ngModelChange)="inputChange(index,item.f8,'f8')">
                </div>
              </td>
              <td class="width-180 font-color" id="f9" [attr.title]="item.f9Zh" (click)="changeEleStatus(index,'f9','1')">
                <div class="cell">
                  <div id="f9"></div>
                  <div *ngIf="elementShow[index].f9 == ''" class="width-180">{{item.f9Zh}}</div>
                  <select class="input-width select-margin" *ngIf="elementShow[index].f9 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f9','2')" [(ngModel)]="item.f9"
                    name="f9" (ngModelChange)="inputChange(index,item.f9,'f9','RISK_CONTROL_AFTER')">
                    <!-- <option [value]="''" selected="selected">--请选择--</option> -->
                    <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_CONTROL_AFTER">{{item.sItemValue}}</option>
                  </select>
                </div>
              </td>
              <td class="width-120 font-color" id="f10" [attr.title]="item.f10" (click)="changeEleStatus(index,'f10','1')">
                <div class="cell">
                  <div id="f10"></div>
                  <div *ngIf="elementShow[index].f10 == ''" class="width-120">{{item.f10}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f10 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f10','2')"
                    [(ngModel)]="item.f10" name="f10" (ngModelChange)="inputChange(index,item.f10,'f10')">
                </div>
              </td>
              <td class="width-120 font-color" id="f11" [attr.title]="item.f11" (click)="changeEleStatus(index,'f11','1')">
                <div class="cell">
                  <div id="f11"></div>
                  <div *ngIf="elementShow[index].f11 == ''" class="width-120">{{item.f11}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f11 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f11','2')"
                    [(ngModel)]="item.f11" name="f11" (ngModelChange)="inputChange(index,item.f11,'f11')">
                </div>
              </td>
              <td class="width-120 font-color" id="f12" [attr.title]="item.f12" (click)="changeEleStatus(index,'f12','1')">
                <div class="cell">
                  <div id="f12"></div>
                  <div *ngIf="elementShow[index].f12 == ''" class="width-120">{{item.f12}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f12 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f12','2')"
                    [(ngModel)]="item.f12" name="f12" (ngModelChange)="inputChange(index,item.f12,'f12')">
                </div>
              </td>
              <td class="width-120 font-color" id="f13" [attr.title]="item.f13Zh" (click)="changeEleStatus(index,'f13','1')">
                <div class="cell">
                  <div id="f13"></div>
                  <div *ngIf="elementShow[index].f13 == ''" class="width-120">{{item.f13Zh}}</div>
                  <select class="input-width select-margin" *ngIf="elementShow[index].f13 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f13','2')"
                    [(ngModel)]="item.f13" name="f13" (ngModelChange)="inputChange(index,item.f13,'f13','MONITOR_REMARK')">
                    <!-- <option [value]="''" selected="selected">--请选择--</option> -->
                    <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.MONITOR_REMARK">{{item.sItemValue}}</option>
                  </select>
                </div>
              </td>
              <td class="width-180 font-color" id="f14" [attr.title]="item.f14" (click)="changeEleStatus(index,'f14','1')">
                <div class="cell">
                  <div id="f14"></div>
                  <div *ngIf="elementShow[index].f14 == ''" class="width-180">{{item.f14}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f14 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f14','2')"
                    [(ngModel)]="item.f14" name="f14" (ngModelChange)="inputChange(index,item.f14,'f14')">
                </div>
              </td>
              <td class="width-180 font-color" id="f15" [attr.title]="item.f15" (click)="changeEleStatus(index,'f15','1')">
                <div class="cell">
                  <div id="f15"></div>
                  <div *ngIf="elementShow[index].f15 == ''" class="width-180">{{item.f15}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f15 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f15','2')"
                    [(ngModel)]="item.f15" name="f15" (ngModelChange)="inputChange(index,item.f15,'f15')">
                </div>
              </td>
              <td style="width:190px !important" class=" font-color" id="f16" [attr.title]="item.f16" (click)="changeEleStatus(index,'f16','1')">
                <div class="cell">
                  <div id="f16"></div>
                  <div *ngIf="elementShow[index].f16 == ''" class="width-180">{{item.f16}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f16 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f16','2')"
                    [(ngModel)]="item.f16" name="f16" (ngModelChange)="inputChange(index,item.f16,'f16')">
                </div>
              </td>
              <td style="width:130px !important" class=" font-color" id="f17" [attr.title]="item.f17" (click)="changeEleStatus(index,'f17','1')">
                <div class="cell">
                  <div id="f17"></div>
                  <div *ngIf="elementShow[index].f17 == ''" class="width-120">{{item.f17}}</div>
                  <input class="input-width" maxlength="2000" *ngIf="elementShow[index].f17 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f17','2')"
                    [(ngModel)]="item.f17" name="f17" (ngModelChange)="inputChange(index,item.f17,'f17')">
                </div>
              </td>
              <td style="width:125px !important" class=" font-color" id="f18" [attr.title]="item.f18Zh" (click)="changeEleStatus(index,'f18','1')">
                <div class="cell">
                  <div id="f18"></div>
                  <div *ngIf="elementShow[index].f18 == ''">{{item.f18Zh}}</div>
                  <select class="input-width select-margin" *ngIf="elementShow[index].f18 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f18','2')"
                    [(ngModel)]="item.f18" name="f18" (ngModelChange)="inputChange(index,item.f18,'f18','RISK_CW_CTRL')">
                    <!-- <option [value]="''" selected="selected">--请选择--</option> -->
                    <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RISK_CW_CTRL">{{item.sItemValue}}</option>
                  </select>
                </div>
              </td>
              <td class="width-120 font-color" id="f19" [attr.title]="item.f19" (click)="changeEleStatus(index,'f19','1')">
                <div class="cell">
                  <div id="f19"></div>
                  <div *ngIf="elementShow[index].f19 == ''" class="width-120">{{item.f19}}</div>
                  <input class="input-width" *ngIf="elementShow[index].f19 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f19','2')" maxlength="2000"
                    [(ngModel)]="item.f19" name="f19" (ngModelChange)="inputChange(index,item.f19,'f19')">
                </div>
              </td>
              <td class="width-120 font-color" id="f20" [attr.title]="item.f20" (click)="changeEleStatus(index,'f20','1')">
                <div class="cell">
                  <div id="f20"></div>
                  <div *ngIf="elementShow[index].f20 == ''" class="width-120">{{item.f20}}</div>
                  <input class="input-width" *ngIf="elementShow[index].f20 != ''" [disabled]="item.sFlowStep != '1'" (blur)="changeEleStatus(index,'f20','2')" maxlength="2000"
                    [(ngModel)]="item.f20" name="f20" (ngModelChange)="inputChange(index,item.f20,'f20')">
                </div>
              </td>
            <!-- <td [attr.title]="item.sOpr">
                <div>
                  <input class="input-width cell" maxlength="100" [(ngModel)]="item.sOpr" [disabled]="item.sFlowStep != '1'">
                </div>
              </td>
              <td [attr.title]="item.dOprDate">
                <div>
                  <input class="input-width cell" maxlength="100" [(ngModel)]="item.dOprDate" [disabled]="item.sFlowStep != '1'">
                </div>
              </td>
              <td [attr.title]="item.sOpr">
                <div>
                  <input class="input-width cell" maxlength="100" value="{{item.xx}}" [disabled]="item.sFlowStep != '1'">
                </div>
              </td>
              <td [attr.title]="item.sOpr">
                <div>
                  <input class="input-width cell" maxlength="100" value="{{item.xx}}" [disabled]="item.sFlowStep != '1'">
                </div>
              </td> -->
          </tr>
        </tbody>

      </table>
      <!-- </div> -->
    </div>
    <div class="box-footer clearfix" style="width:100%;">
      <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{listPageInfo.pageSize}}</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
            </span>
            条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>

<!-- 查看流程信息 -->
<div class="modal modal-detail" id="modal1">
  <div #flowInfo></div>
</div>

<!-- 搜索modal -->
<div class="modal modal-detail" id="routeSearch">
  <div #routeSearch></div>
</div>

<!-- 提交modal -->
<div class="modal modal-detail" id="nQDIIRouteCommitModal">
  <div #nQDIIRouteCommitModal></div>
</div>

<!-- 撤销modal -->
<div class="modal modal-detail" id="nQDIIRouteRevokeModal">
  <div #nQDIIRouteRevokeModal></div>
</div>

<!-- 适用基金组modal -->
<div class="modal modal-detail" id="applyFundGroup1">
  <div #applyFundGroup1></div>
</div>